import { Link } from '@brillout/docpress'

List of built-in settings. (You can <Link href="/meta">create your own settings</Link>.)

See also: <Link href="/hooks" />.


## Basics

- [**`Page`**](/Page): The page's root component.
- [**`Layout`**](/Layout): The page's layout component.
- [**`Wrapper`**](/Wrapper): Component(s) that wrap the page's root component.
- [**`route`**](/routing): The page's route.
- [**`prerender`**](/prerender): Whether to <Link href="/pre-rendering">pre-render</Link> the page, and pre-rendering settings.
- [**`ssr`**](/ssr): Enable/disable Server-Side Rendering (SSR).
- [**`stream`**](/stream): Enable/disable HTML Streaming and specify stream type.
- [**`server`**](/server): Server integration settings.
- [**`client`**](/client): Add client code.
- [**`redirects`**](/redirects): Permanent redirections (HTTP status code `301`).
- [**`keepScrollPosition`**](/keepScrollPosition): Whether the page scrolls to the top upon navigation.
- [**`prefetchStaticAssets`**](/prefetchStaticAssets): Link prefetching settings.
- [**`baseAssets`**](/base-url): Base URL of server.
- [**`baseServer`**](/base-url): Base URL of static assets.
- [**`host`**](/host): Make development/preview server available over LAN and public addresses.
- [**`port`**](/port): Change port of development/preview server.
- [**`mode`**](/mode): Set the [mode](https://vite.dev/guide/env-and-mode.html#modes) to run in.
- [**`force`**](/force): Disable [Vite](https://vitejs.dev)'s cache.
- [**`headersResponse`**](/headersResponse): Add HTTP headers to the HTTP response.
- [**`csp`**](/csp): Content Security Policy (CSP).
- [**`extends`**](/extends): Install <Link href="/extensions" />.
- [**`react`**](/react-setting): Options passed to React functions such as `createRoot()` or `hydrateRoot()`.


## HTML shell

Settings that set `<head>` tags (aka document metadata):

- [**`title`**](/title): Set the page's title.
- [**`description`**](/description): Set the page's description.
- [**`image`**](/image): Set the page's preview image upon URL sharing.
- [**`viewport`**](/viewport): Set the page's viewport size on mobile devices.
- [**`Head`**](/Head): Add arbitrary `<head>` tags.

See also: <Link href="/head-tags" />.

> You can also create your own document metadata settings, see <Link href="/head-tags#custom-settings" />.

Other settings that modify the page HTML shell:

- [**`lang`**](/lang): Set the page's language (`<html lang>`).
- [**`htmlAttributes`**](/htmlAttributes): Add `<html>` attributes (e.g. `<html class="dark">`).
- [**`bodyAttributes`**](/bodyAttributes): Add `<body>` attributes (e.g. `<body class="dark">`).
- [**`headHtmlBegin`**](/headHtmlBegin): Insert HTML at the beginning of `<head>`.
- [**`headHtmlEnd`**](/headHtmlEnd): Insert HTML at the end of `<head>`.
- [**`bodyHtmlBegin`**](/bodyHtmlBegin): Insert HTML at the beginning of `<body>`.
- [**`bodyHtmlEnd`**](/bodyHtmlEnd): Insert HTML at the end of `<body>`.


## Advanced

> Most users don't need to know about these settings.

- [**`meta`**](/meta): Create new hooks or settings, or modify existing ones.
- [**`passToClient`**](/passToClient): Determines what `pageContext` values are sent to the client-side.
- [**`clientRouting`**](/clientRouting): Enable <Link href="/client-routing">Client Routing</Link>.
- [**`hydrationCanBeAborted`**](/hydrationCanBeAborted): Whether your <Link text="UI framework" href="/ui-frameworks" /> allows the <Link href="/hydration">hydration</Link> to be aborted.
- [**`trailingSlash`**](/url-normalization): Whether URLs should end with a trailing slash.
- [**`disableUrlNormalization`**](/url-normalization): Disable automatic URL normalization.
- [**`reactStrictMode`**](/reactStrictMode): Whether to use React's `<StrictMode>`.
- [**`clientHooks`**](/clientHooks): Whether hooks are loaded on the client-side.
- [**`filesystemRoutingRoot`**](/filesystemRoutingRoot): URL root for <Link href="/filesystem-routing">Filesystem Routing</Link>.
- [**`injectScriptsAt`**](/injectScriptsAt): Where scripts are injected in the HTML.


## See also

 - <Link href="/hooks" />
 - <Link href="/config" />
